<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>分页</title>
    <link rel="stylesheet" href="/lib/mui/css/mui.css">
    <link rel="stylesheet" href="/lib/fontawesome/css/font-awesome.css">
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/category.css">
</head>

<body>
    <!-- 头部 -->
    <header class="pyg_header">
        <div class="mui-input-row mui-search">
            <input type="search" class="mui-input-clear" placeholder="">
        </div>
    </header>
    <!-- 分页主体 -->
    <div class="pyg_view">
        <div class="left">
            <!-- 左边列表模板 -->
        </div>
        <div class="right">
            <!-- <div>
               <div class="goods-group">
                   <div class="goods-title">
                       <span>电视</span>
                       <span></span>
                   </div>
                   <ul>
                       <li>
                           <a href="#">
                               <img src=" http://api.pyg.ak48.xyz/full/2fb113b32f7a2b161f5ee4096c319afedc3fd5a1.jpg" alt="">
                               <div class="goods_name">曲面电视</div>
                           </a>
                       </li>
                   </ul>
               </div>
           </div>  -->
        </div>
    </div>
    <!-- 底部 -->
    <footer class="pyg_footer">
        <a href="/index.html">
            <span class="fa fa-home"></span>
            <span class="link-name">首页</span>
        </a>
        <a href="/pages/category.html">
            <span class="fa fa-list-ul"></span>
            <span class="link-list">分类</span>
        </a>
        <a href="/pages/cart.html">
            <span class="fa fa-shopping-cart"></span>
            <span class="link-car">购物车</span>
        </a>
        <a href="/pages/me.html">
            <span class="fa fa-user"></span>
            <span class="link-self">个人中心</span>
        </a>
    </footer>
</body>

</html>
<script src="/lib/mui/js/mui.js"></script>
<script src="/lib/arttemplate/template-web.js"></script>
<script src="/lib/iscroll/iscroll.js"></script>
<script src="/lib/zepto/zepto.js"></script>
<script src="/js/common.js"></script>
<script src="/js/category.js"></script>
<!-- 左边标题模板 -->
<script type="text/html" id="leftTpl">
    <ul>
        {{each arr value index}} {{if index==0}}
        <li class="active">{{value.cat_name}}</li>
        <input type="hidden" value="{{index}}" name="val">
        {{/if}} {{if index!=0}}
        <li>{{value.cat_name}}</li>
        <input type="hidden" value="{{index}}" name="val">
        {{/if}} {{/each}}
    </ul>
</script>
<!-- 左边标题模板 -->
<!-- 右侧商品模板 -->
<script type="text/html" id="rightTpl">
   
    <div>
 {{each arr value index}}
        <div class="goods-group">
            <div class="goods-title">
                <span>{{value.cat_name}}</span>
                <span></span>
            </div>
            <ul>
                {{each value.children value2 index2}}
                <li>
                    <a href="/pages/good_list.html?cid={{value2.cat_id}}">
                        <img src="http://api.pyg.ak48.xyz/{{value2.cat_icon}}" alt="">
                        <div class="goods_name">{{value2.cat_name}}</div>
                    </a>
                </li>
                {{/each}}
            </ul>
        </div>
     {{/each}}
    </div>
   

</script>
<!-- 右侧商品模板 -->